@mixin border1px($color) {
  position: relative;
  &::before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    height: 1px;
    background:$color;
    width: 100%;

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5){
      transform: scaleY(0.667);
    }
  
    @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2){
      transform: scaleY(0.5);
    }
  
    @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3){
      transform: scaleY(0.3333);
    }
  }
 
}
